body{
    background: #f8f8f8;
}
.contBody .darenList .darenList-item{
    border-bottom: none;
}
#content{
   /* width: 1200px;    */
    width: 100%;
    background: #fff;
    border: 0px solid #ccc;
    border-radius: 10px;    
    float: left;
}
#box .edui-editor-breadcrumb,#box #edui1_wordcount{
    display: none;
}
#editorDiv{
    width:98%;    
    padding:5px 1%;
    float: left;
    margin:10px 0;
}
.contHead{
    width: 100%;
    border-bottom: 1px solid #eee;
    float: left;
}
.answer-title{
    max-width: 80%;
    padding:20px 15px;
    line-height: 1.2;
}
.contBody{
   /* width: 1024px;*/
    padding-left: 20px;
    float: left;
    outline: 0px solid #ccc;
    min-height: 300px;
    box-sizing: border-box;
}

.contBody .darenList-item p img{
    max-width:100%;
}
.contTitle{
    margin-top:27px;
    width: 990px;
    height: 55px;
    float: right;
    outline: 0px solid #ccc;
    font-size: 16px;
}
.contTitle .iconL1{
    position: relative;
    top:3px;
    left:8px;
}
.contTitleImg{
    width: 56px;
    height: 56px;
    border-radius: 50%;
    float: left;
    overflow: hidden;
}
.contAuthor{
    float: left;
    height: 100%;
    margin-left:16px;
}
.video-body{
    float: left;
    width: 100%;
   /* max-width: 1200px;
    min-width: 980px;*/
}
.video-body .left-nav{
    position: absolute;
    min-width: 60px;
    height: 100%;
    left:-70px;
    top:0;
    box-sizing: border-box;
    border-radius: 8px;
    background-color: #fff;
}
.video-body .left-nav .left-nav-item{
    text-align: center;
    padding: 10px;
    min-width: 40px;
    color: #666;
    cursor: pointer;
    position: absolute;
}

.video-body .left-nav .left-nav-item:nth-child(2){
    top: 70px;
}
.video-body .left-nav .left-nav-item:nth-child(3){
    top:140px;
}
.video-body .left-nav .left-nav-item:hover{
    color: #39b5f2;
}

.video-body .left-nav .catalog-nav.hover{
    padding-right: 30px;
    background-color: #fff;
    box-shadow: 0 0 5px #ccc;
    border-radius: 8px 0 0 8px;
    position: absolute;
    margin-bottom: 60px;
    left: 0;
    color: #39b5f2;
    top:0;
}
.icon-catalog:before,.icon-task:before,.icon-comment:before{
    content: '';
    display: block;
    width: 20px;
    height: 20px;
    margin:5px auto;
    background: url("../../images/title_.png") no-repeat center center;
    cursor: pointer;
}
.video-body .left-nav .left-nav-item:hover.icon-catalog:before,
.video-body .left-nav .left-nav-item.hover.icon-catalog:before{
    background-image: url("../../images/title_hover.png") ;
}
.icon-task:before{
    background-image: url("../../images/task_.png") ;
}
.video-body .left-nav .left-nav-item:hover.icon-task:before{
    background-image: url("../../images/task_hover.png") ;
}
.icon-comment:before{
    background-image: url("../../images/talk_.png") ;
}
.video-body .left-nav .left-nav-item:hover.icon-comment:before{
    background-image: url("../../images/talk_hover.png") ;
}
.catalog-box{
    position: absolute;
    width: 300px;
    height: 100%;
    box-sizing: border-box;
    padding-bottom: 40px;
    left: 0;
    top:0;
    background:#fff;
    z-index: 20;
    border-radius: 0 10px 10px 10px;
    box-shadow: 0 0 5px #ccc;
    overflow: auto;
    transition: all .4s;
    max-width: 0;
    opacity: 0;

}
.catalog-box.hover{
    max-width: inherit;
    opacity: 1;
}
.video-content{
    background: #fff;
    margin:15px;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    cursor: pointer;
}
.video-content .video-bg,
.video{
    width: 100%;
    max-height: calc(100vh - 260px);
    max-width: calc(178vh - 480px);
}
.video-play-box .video-content .video-bg,
.video{
    max-height: calc(100vh - 190px);
    max-width: calc(178vh - 270px);
}
.video{
    /*position: absolute;*/
   /* width:calc(100% - 40px);
    max-height: calc(100vh - 260px);
    max-width: calc(178vh - 285px);
    z-index: 10;
    left:50%;
    top:50%;
    transform: translate(-50%,-50%);
    border-radius: 10px;
    display: none;*/
    width:calc(100% - 30px);
    margin:15px auto;
    display: none;
    border-radius: 10px;
}

.inputSend{
    background: #eee;
    width: 725px;
    height: 36px;
    border-radius: 10px;
    padding-left: 15px;
    font-size: 14px;
}
.btnbgRed{
    background: #ff6464;
}
.content-video-icon:after{
    content: '';
    width: 100%;
    height: 100%;
    /*left: 0;
    top:0;
    right: 0;
    bottom: 0;*/
    left: 50%;
    top:50%;
    transform: translate(-50%,-50%);
    position: absolute;
    background: url("../../images/video_plag_b.png") no-repeat center center;
    background-color: rgba(0,0,0,0.5);
}
.video-content .tips{
    position: absolute;
    left: 50%;
    top:50%;
    transform: translate(-50%,-50%);
}
.video-onplay{
    background-color:#fff!important;
    border-radius:0px!important;
    overflow: hidden;
}
.video-onplay:after{
    width: 100%;
    height: 100%;
    background-color:#fff!important;
}

.contAuthor small{
    font-size: 14px;
    color: #a1a1a1;
    overflow: hidden;
}

.reply{
    margin-top:14px;
    width: 75px;
    float: right;
    outline: 0px solid #ccc;
}
.reply b{
    color: #60c0f4;
    font-weight: 400;
    cursor: pointer;
}

.contRight{
    float: left;
    outline: 0px solid #ccc;
}

.lmessage{
   /* width: 1200px;*/
    width:100%;
    margin: 10px 0 0 0;
    outline: 0px solid #ccc;
    float: left;
}
.lmessageB>span{
    display:inline-block;
    font-size: 16px;
    height:70px;
    line-height:70px;
    box-sizing:border-box;
    padding:0 5px;
    border-bottom:2px solid transparent;
    margin:0 20px;
    cursor:pointer;
}
.lmessageB .lmText{
    color: #39b5f2;
    border-color: #39b5f2;
}
.lmessageB,.lmessageC{
    width: 100%;
    /*min-width: 1200px;*/
    float: left;
    outline: 0px solid #333;
    background: #fff;
}
.lmessageC em{
    float: right;
    margin-right:30px;
    font-size:16px;
    cursor: pointer;
}

.lmessageB{
    margin:10px 0 0 0;
    border-bottom: 1px solid #eee;
}

.lmessageC{
    height: auto;
    padding: 15px;
    box-sizing: border-box;
}
.lmessageList{
    width:100%;
    box-sizing: border-box;
    outline: 0px solid #ccc;
    float: left;
    background: #fff;
    margin-bottom: 40px;
}

.contHead h1{
    font-size: 24px;
    height: 60px;
    line-height:60px;
    text-indent: 1em;
}
.contHead small{
    float: right;
    margin-right: 30px;
    position: relative;
    top:-5px;
}


.reText{
    box-sizing: border-box;
    float: left;
    width: 100%;   
    padding:20px 0 0 76px;
    overflow: hidden;
}
.reText p{
    outline: 0px solid #ccc;
}

.contentHead{
    width:1200px;    
    outline: 0px solid #ccc;
    border: 0px solid #ccc;
    background: #fff;
    border-radius: 10px;
    float: left;
    box-sizing: border-box;
    padding:15px 20px;
}
.contentHead span{
    box-sizing: border-box;   
    padding:20px;
    width:610px;
    min-height: 141px;
    max-height: 220px;
    overflow: hidden;
    text-overflow: ellipsis;
    float: left;
    display: table-cell;
    outline: 0px solid #ccc;
}

.contentHead span:last-child{
    padding:70px 0 0 20px;
   
}
.contentHead .title{
    font-size: 24px;
    color: #222;
    line-height: 2;
    margin-bottom: 10px;
}
.contentHead small.sub-title{
    font-size: 16px;
    color: #222;
}
.contentBody{
    box-sizing: border-box;
    padding: 20px 40px;
    width:1200px;
  
    outline: 0px solid #ccc;
    border: 0px solid #ccc;
    background: #fff;
    border-radius: 10px;
    float: left;
    margin-top:32px;
}
.video-profile{
    padding: 15px 30px;
}
.video-profile img{
    max-width:100%;
}
.video-profile .video-profile-tile{
    font-size: 20px;
    color: #333;
    line-height: 1.3;
}
.contentHead span h4{
    font-size:30px;
}
.read-book{
    position: absolute;
    display: block;
    box-sizing: border-box;
    width: 50px;
    height: 50px;
    left: 50%;
    top:180px;
    margin-left: -20px;
    border-radius: 50%;
    background:url("../../images/main-circles.png") no-repeat;
    background-position:-110px -55px;
    font-size: 16px;
    color:#fff;
}
.read-book:hover{
    background-position:-165px -55px;
}
.read-book:hover,.read-book:link,.read-book:visited{
    color: #fff;
}
.contentHead button{
    margin-left:15px;
}

.contentHead span:last-child {
    font-size:16px;
}
.contentHead span:last-child em{
    font-size: 20px;
}
.contentBody h4 b{
    height:58px;
    line-height: 50px;
    font-size: 20px;
    color: #39b5f2;
}
.contentBody h4 button{
    width: 138px;
    height: 39px;
    margin-left: 15px;
    float: right;
}
.contentBody h4 span{
    float: right;
    padding-top:5px;
    height:30px;
    display: block;
}

.ul-tree{
    float: left;
    width:100%;
    background: #fff;
    border: 0;
    border-radius: 5px;
}
.ul-tree .link:hover{
    color: #F01414;
}
.ul-tree>li{
    border-top:1px solid #eee;
    float: left;
    width:100%;
    padding:20px 30px;
    box-sizing: border-box;
    font-size:15px;
}
.ul-tree>li>a.arrow-b:after,.ul-tree>li>a.arrow-t:after{
    content: '';
    display: inline-block;
    float: right;
    width: 20px;
    height: 20px;
    background: url("../../images/arrow_b.png") no-repeat center center;
}
.ul-tree>li>a.arrow-t:after{
    background-image: url("../../images/arrow_t.png");
}
.ul-tree>li:first-child{
    border-top: none;
}
.ul-tree>li ul{
   margin-top:10px;
   float: left;
}
.ul-tree>li li{
    border-top:0px solid #eee;
    float: left;
    width:100%;    
    padding:10px 20px;
    box-sizing: border-box;
    font-size:14px;
    font-weight: 400;
}
.ul-tree .ul-tree a{
    color: #666;
}
.ul-tree a{
    display: block;
    width: 100%;
    height: 100%;
}
.ul-tree .ul-tree a:hover,.ul-tree .ul-tree a.hover{
    color: #39b5f2!important;
}
.ul-tree .ul-tree-name{
    position: relative;
    top:6px;
}
.tabs-con{
    float: left;
   /* min-width: 1200px;*/
    width: 100%;
    background-color: #fff;
    padding-bottom: 50px;
    margin-bottom: 50px;
    overflow: hidden;
}
.tabs-con>div{
    outline: 0px solid #ccc;
    float: left;
    width: 100%;
    box-sizing: border-box;
    background: #fff;
  
}
.tabs1, .tabs2,.tabs3{
    display: none;
}

.tabs-nav .fright{
    padding:20px 20px 10px 0;
    font-size: 16px;
}
.tabs2>.ul-tree{
    /*width: 1200px;*/
}
.tabs-nav .fright em{
    font-size:18px;
    margin-left:8px;
}

.btnStar-box{
    padding: 0 0 10px 0;
    overflow: hidden;
}
.btnStar-box .btnStar{
    position: relative;
    width: 150px;
    height: 44px;
    line-height: 44px;
    color: #333;
    font-size: 14px;
    background-color: #ccc;
    border-radius: 10px;
    padding: 0 10px;
    cursor: pointer;
    float: left;
    margin-right: 10px;
    margin-bottom: 8px;
}
.btnStar-box .btnStar:hover{
    background-color: #333333;
    color: #fff;
}
.btnStar-box .btnStar .star-item-box{
    position: absolute;
    right: 10px;
    top:50%;
    transform: translate(0,-47%);
    user-select: none;
}
.btnStar-box .btnStar .star-item-box .star-item{
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url("../../images/star-off.png") no-repeat center center/18px;
    margin: -1px;
}
.btnStar-box .btnStar .star-item-box .star-item.hover{
    background-image: url("../../images/star-on.png");
}


.comment-box{
    padding: 15px;
}
.teacher-box{
    padding:5px 20px;
    line-height: 60px;
    background-color: #fff;
}
.teacher-box a:hover{
    color: #333;
}
/*公开课的展示*/
.open-class-wrap{
    position: absolute;
    left: 0;
    top:0;
    right: 0;
    bottom: 0;
    font-size: 34px;
    color: #fff;
    background-color: rgba(0,0,0,0.5);
    box-sizing: border-box;
    padding-top:30%;
}
.open-class-wrap>p{
    background-color: rgba(0,0,0,0.6);
    line-height: 1.6;
    margin-bottom: 10px;
}
.open-class-btn{
    font-size:20px;
    padding: 5px 20px;
}
.open-class-btn:link,.open-class-btn:visited{
    color: #fff;
}
/*问答部分*/
.answer-ove{
    width:200em;
    white-space:nowrap;
    text-overflow:ellipsis;
    -o-text-overflow:ellipsis;
    overflow:hidden;
}
.look-all{
    position: absolute;
    left: 400px;
    bottom: -40px;
    white-space: nowrap;
}
.fixed-icon{
    position: fixed;
    bottom: 20px;
    margin-top: -60px;
    right: calc(50% - 660px) ;
    float: right;
}
.fixed-icon-item,.fixed-icon-item:link, .fixed-icon-item:visited{
    display: block;
    width: 50px;
    height: 50px;
    border-radius: 5px;
    background-color: #333333;
    text-align: center;
    color: #fff;
    font-size: 12px;
    margin-bottom: 8px;
    box-sizing: border-box;
    padding: 10px;
    line-height: 1;
}
.fixed-icon-item:hover{
    background-color: #444;
}
#answerList .paging{
    margin:  10px  0 20px;
}
#answerList .comment-item>.fleft{
    width: 980px;
}
#answerList .comment-item .follow-list{
    min-width: 1000px;
}
#answerList .comment-item  .reply-textarea-box{
    width: 986px;
    margin: 10px 0 5px 0;
}
.full-btn{
    position: absolute;
    right:18px;
    top:22px;
    z-index: 1999;
    cursor: pointer;
}
.blog-look-all-box{
    display:block;
    position: absolute;
    width:1200px;
    height: 60px;
    left:0;
    bottom: 0;
    background: linear-gradient(to top,#d1d1d1,#ffffff);
    border-radius: 0 0 8px 8px;
    box-sizing: border-box;
    padding-top:15px;
}
.blog-look-all-box .look-all-btn{
    color: #666;
    border: 1px solid;
    border-radius: 6px;
    font-size: 13px;
    height: 30px;
    line-height: 30px;
}
.blog-look-all-box .look-all-btn:hover{
    color: #39b5f2;
}
#box.video-box{
    width: calc( 100% - 180px);
    max-width: 1200px;
    min-width:600px;
}